<script setup>
import { ref, toRaw } from 'vue'
import { service } from '@utils'
import TitleValue from '@components/TitleValue'

const data = ref()

const getData = async () => {
    const res = await service.bfqz.billInfo()
    data.value = res
}

getData()
</script>
<template>
    <section class="main-white">
        <el-row :gutter="16" v-if="data" class="paddingX30">
            <el-col :span="6">
                <title-value w="110px" title="总应收租金(元): " :value="data.totalRent" />
            </el-col>
            <el-col :span="6">
                <title-value w="120px" title="所有已收账单(元): " :value="data.payPrice" />
            </el-col>
            <el-col :span="6">
                <title-value w="120px" title="所有逾期账单(元): " :value="data.overduePrice" />
            </el-col>
            <el-col :span="6">
                <title-value w="120px" title="所有待收租金(元): " :value="data.normalWaitPayRent" />
            </el-col>
            <el-col :span="6">
                <title-value title="今日已收租金(元): " :value="data.todayPay" />
            </el-col>
            <el-col :span="6">
                <title-value title="今日待收租金(元): " :value="data.todayNoPay" />
            </el-col>
            <el-col :span="6">
                <title-value title="总应收结算单: " :value="data.totalSettle" />
            </el-col>
            <el-col :span="6">
                <title-value title="已收结算单: " :value="data.paySettle" />
            </el-col>
            <el-col :span="6">
                <title-value title="逾期结算单: " :value="data.overdueSettle" />
            </el-col>
            <el-col :span="6">
                <title-value title="所有待收结算单: " :value="data.waitPaySettle" />
            </el-col>
            <el-col :span="6">
                <title-value title="待收结算单: " :value="data.waitPaySettle" />
            </el-col>
            <el-col :span="6">
                <title-value title="今日已收结算单: " :value="data.todayPaySettle" />
            </el-col>
            <el-col :span="6">
                <title-value title="今日待收结算单: " :value="data.todayWaitPaySettle" />
            </el-col>
            <el-col :span="6">
                <title-value title="待发货: " :value="data.noSend" />
            </el-col>
            <el-col :span="6">
                <title-value title="总押金(元): " :value="data.totalDeposit" />
            </el-col>
            <el-col :span="6">
                <title-value title="信用减免押金(元): " :value="data.freeDeposit" />
            </el-col>
            <el-col :span="6">
                <title-value title="实际缴纳押金(元): " :value="data.sjyj" />
            </el-col>
        </el-row>
    </section>
</template>